<!DOCTYPE html>
<html lang="zh-ch">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
		<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="css/swiper.css"/>
		<link rel="stylesheet" href="css/index.css"/>
		<link rel="stylesheet" href="css/fancybox.css"/>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/swiper.js"></script>
		<script type="text/javascript" src="js/change-html-fz.js"></script>
		<script type="text/javascript" src="js/simpler-sidebar.js"></script>
		<script type="text/javascript" src="js/fancybox.js"></script>
	</head>
	<body>
		
		<!-- 头部 -->
		<div class="header clearfix">
			<div class="menu" id="menu"></div>
			<div class="lang"><a href="###">EN</a></div>
			<h1><a href="###"></a></h1>
			<!-- 侧边栏 -->
			<div class="sidebar" id="dowebok">
			    <div class="sidebar-wrapper" id="sidebar-wrapper">
			        <ul class="menu_nav">
			        	<li>
			        		<p class="hd"><a href="###"> 首页 </a></p>
			        	</li>
			        	<li>
			        		<p class="hd">产品中心</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd"><a href="###"> 成功案例 </a></p>
			        	</li>
			        	<li>
			        		<p class="hd"><a href="###"> 解决方案 </a></p>
			        	</li>
			        	<li>
			        		<p class="hd"><a href="###"> 新闻资讯 </a></p>
			        	</li>
			        	<li>
			        		<p class="hd">关于我们</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd"><a href="###"> 联系我们 </a></p>
			        	</li>
			        </ul>
			    </div>
			</div>
		</div>
		
		<!-- banner -->
		<div class="banner">
		    <div class="swiper-container">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide"><a href="###"><img src="img/about_19.jpg" alt=""></a></div>
		            <div class="swiper-slide"><a href="###"><img src="img/banner01.jpg" alt=""></a></div>
		            <div class="swiper-slide"><a href="###"><img src="img/banner01.jpg" alt=""></a></div>
		        </div>
				<div class="swiper-pagination"></div>
		    </div>
		</div>
		
		<!-- 生产环境 -->
		<div class="context">
			<div class="main clearfix">
				<div class="tit">
					<h2><div>华葆</div><div>宏图</div></h2>
					<p>华葆电源坚持以“技术与创新是产品的第一生命力”为宗旨，秉承“智能、数字、高频、绿色”的发展理念，在创新发展道路上坚定不移的前行。</p>
				</div>
				<div class="ibox_list clearfix">
					<div class="col-2">
						<div class="list_box">
							<a href="###">
								<div class="img_box"><img src="img/index_02.jpg" alt=""></div>
								<div class="img_box text_box"></div>
								<div class="img_text">总部大厦</div>
							</a>
						</div>
					</div>
					<div class="col-2">
						<div class="list_box">
							<a href="###">
								<div class="img_box"><img src="img/index_03.jpg" alt=""></div>
								<div class="img_box text_box"></div>
								<div class="img_text">公司大厦</div>
							</a>
						</div>
					</div>
					<div class="col-2">
						<div class="list_box">
							<a href="###">
								<div class="img_box"><img src="img/index_04.jpg" alt=""></div>
								<div class="img_box text_box"></div>
								<div class="img_text">研发中心</div>
							</a>
						</div>
					</div>
					<div class="col-2">
						<div class="list_box">
							<a href="###">
								<div class="img_box"><img src="img/index_05.jpg" alt=""></div>
								<div class="img_box text_box"></div>
								<div class="img_text">检测中心</div>
							</a>
						</div>
					</div>
					<div class="col-2">
						<div class="list_box">
							<a href="###">
								<div class="img_box"><img src="img/index_06.jpg" alt=""></div>
								<div class="img_box text_box"></div>
								<div class="img_text">生产车间</div>
							</a>
						</div>
					</div>
					<div class="col-2">
						<div class="list_box">
							<a href="###">
								<div class="img_box"><img src="img/index_07.jpg" alt=""></div>
								<div class="img_box text_box"></div>
								<div class="img_text">办公室环境</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<!-- news -->
		<div class="news" style="background-image: url('img/bg_01.jpg');">
			<div class="main">
				<div class="tit">
					<h2><div>新闻</div><div>资讯</div></h2>
					<p>不间断电源行业正逐步迈向高速发展的道路。应用领域信息化建设步伐的加快，必然带动市场对不同断电源技术上更大的需求。</p>
				</div>
				<div class="news_box">
					<div class="list_box clearfix">
					  <a href="###">
					  <div class="img_box"><img src="img/news_01.jpg" alt=""></div>
					  <div class="text_box">
						<h3>大理石瓷砖，7大特性？大理石瓷砖，7大特性？</h3>
						<span>2020-06-04</span>
						<p>理石瓷砖，其最早的定义即是：效仿珍贵大理石石材纹理的一类瓷砖产品的定义即是：效仿珍贵大理石石材纹理的一类瓷砖产品...</p>
					  </div>
					  </a>
					</div>
					<div class="list_box clearfix">
					  <a href="###">
					  <div class="img_box"><img src="img/news_01.jpg" alt=""></div>
					  <div class="text_box">
						<h3>大理石瓷砖，7大特性？</h3>
						<span>2020-06-04</span>
						<p>理石瓷砖，其最早的定义即是：效仿珍贵大理石石材纹理的一类瓷砖产品...</p>
					  </div>
					  </a>
					</div>
					<div class="list_box clearfix">
					  <a href="###">
					  <div class="img_box"><img src="img/news_01.jpg" alt=""></div>
					  <div class="text_box">
						<h3>大理石瓷砖，7大特性？</h3>
						<span>2020-06-04</span>
						<p>理石瓷砖，其最早的定义即是：效仿珍贵大理石石材纹理的一类瓷砖产品...</p>
					  </div>
					  </a>
					</div>
					<div class="list_box clearfix">
					  <a href="###">
					  <div class="img_box"><img src="img/news_01.jpg" alt=""></div>
					  <div class="text_box">
						<h3>大理石瓷砖，7大特性？</h3>
						<span>2020-06-04</span>
						<p>理石瓷砖，其最早的定义即是：效仿珍贵大理石石材纹理的一类瓷砖产品...</p>
					  </div>
					  </a>
					</div>
				</div>
			</div>
		</div>
		<!-- 技术 -->
		<div class="jishu">
			<div class="main">
				<div class="tit">
					<h2><div>技术服务</div><div>中心</div></h2>
					<div style="background: url(img/bg_02_03.jpg)">
						<p>金武士在中国建有先进、庞大、高效的服务体系和管理架构。</p>
						<!-- <img src="img/ditu_03.png" > -->
						<!-- 修改开始 -->
						<div class="index-net">
							<div class="gettext">
								<b>X坐标</b><input type="text" value="" class="text xt">
								<b>Y坐标</b><input type="text" value="" class="text yt">
							</div>
							<div class="net_box">
								<div class="entli"><p>获取坐标</p></div>
								<div class="net_content" style="left:3.3rem; top:3.1rem;">
									<p>广东</p>
									<div class="text_box">
										<b>销售经理：</b>
										<p>田经理：18928658545</p>
										<p>庞经理：18929939379</p>
									</div>
								</div>
								<div class="net_content" style="left:4.6rem; top:.72rem;">
									<p>黑龙江</p>
									<div class="text_box">
										<b>销售经理：</b>
										<p>田经理：18928658545</p>
										<p>庞经理：18929939379</p>
									</div>
								</div>
							</div>
						</div>
						<!-- 修改结束 -->
					</div>
				</div>
			</div>
		</div>
		
		<!-- 问题 -->
		<div class="iproblen">
			<div class="main">
				<div class="tit">
					<h2><div>常见</div><div>问题</div></h2>
					<p>金武士在中国建有先进、庞大、高效的服务体系和管理架构。</p>
				</div>
				<div class="problen_list">
					<ul>
						<li><a href="###"> 金武士UPS电源-智能家居行业系统解决方案 <span>2015-10-26</span></a></li>
						<li><a href="###"> 金武士UPS电源-智能家居行业系统解决方案 <span>2015-10-26</span></a></li>
						<li><a href="###"> 金武士UPS电源-智能家居行业系统解决方案 <span>2015-10-26</span></a></li>
						<li><a href="###"> 金武士UPS电源-智能家居行业系统解决方案 <span>2015-10-26</span></a></li>
						<li><a href="###"> 金武士UPS电源-智能家居行业系统解决方案 <span>2015-10-26</span></a></li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<!-- footer -->
		<div class="footer">
			<div class="footer_text">
				<p>——————————</p>
				<p> Copyright &copy; 佛山市华葆电源设备有限公司 </p>
				<p> 技术支持：云路科技 </p>
			</div>
		</div>
		
		
		<!-- 底部导航 -->
		<div class="b_tool">
			<div class="main clearfix">
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool1.png" alt="">
						</div>
						<h4>网站首页</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool2.png" alt="">
						</div>
						<h4>产品质量</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="tel:400-830-8833">
						<div class="img_box">
							<img src="img/b_tool3.png" alt="">
						</div>
						<h4>联系电话</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool4.png" alt="">
						</div>
						<h4>置顶</h4>
					</a>
				</div>
			</div>
		</div>
		<script src="js/index.js"></script>
	</body>
</html>
